<!doctype html>  
<head>
	<title>jQuery - Allert</title>
	<link rel="stylesheet" href="css/style.css" type="text/css" media="all">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script>
/*
$(document).ready(function(){
    $('#btn').hover(function(){
        alert("over");
    },function(){
        alert("out");
    });
});
*/
$(document).ready(function(){
    $('#btn').hover(function(event){
        if ( event.type == "mouseenter" ) {
            alert("over");
        } else {
            alert("out");
        }
    });
}); 
</script>
	
<style type=text/css media=all>

</style>	

	

</head>

<body>

<input id="btn" value="Content Allert">
</body>